import React, { memo } from "react";
import { Toast, NavBar } from "react-vant";
import { useNavigate } from "react-router";
import style from "./index.module.scss";
const Index: React.FC = memo(() => {
  const navigate = useNavigate();
  return (
    <div>
      <NavBar
        title="协议"
        leftText="返回"
        rightText="按钮"
        onClickLeft={() => navigate(-1)}
        onClickRight={() => Toast("按钮")}
      />

      <h2 className={style.xu}>连续订阅服务协议</h2>
      <p className={style.xu1}>本版本更新及生效日期：2021-08-02</p>
      <p className={style.xu2}>欢迎您开通自动续费功能。</p>
      <p className={style.xu3}>
        自动续费功能是由春雨医生（网址：https://www.chunyuyisheng.com/）的所有者为春雨医生用户（以下更多的称之为「您」）提供的，按照您的设置自动从您的指定第三方支付账户或银行账户中扣除费用的功能。
        请您务必审慎阅读、充分理解本协议各条款内容，特别是免除或限制责任的相应条款。
        <span className={style.xu4}>
          <b>
            春雨医生将以加粗或斜体加粗等形式提示您注意限制、免责条款。未成年人应在法定监护人的陪同下阅读本协议，并确认有权利绑定其他付费账户。
          </b>
        </span>
        您确认开通自动续费功能，视为您已阅读并同意接受本协议的约束。如果您对本协议的任何条款表示异议，您可以选择不开通本功能。
      </p>

      <p className={style.xu5}>
        <b>服务内容</b>
      </p>
      <p className={style.xu6}>
        1.
        为帮助您更便捷的购买（或订阅）春雨医生的付费产品，我们为您提供自动续费功能。当您明确同意开通自动续费功能，即授权春雨医生在符合约定的续费条件时，从您绑定的第三方支付账户或银行账户中扣除再次购买该付费产品所需支付的费用。
        <span className={style.xu8}>
          <b>
            该功能实现的前提是您已开通自动续费及绑定相关账户，且可成功从其上述账户中足额扣款。
          </b>
        </span>
      </p>
      <p className={style.xu7}>
        2. 2. 此功能适用于春雨医生提供的「春雨会员」等需要定期续费的产品。
      </p>

      <p className={style.xu8}>
        <b>开通自动续费</b>
      </p>
      <p className={style.xu9}>
        1.
        您开通自动续费功能后，您的春雨医生帐号将与您指定的第三方支付账户或银行账户绑定。
      </p>
      <p className={style.xu10}>
        2. 您开通自动续费功能后，即视为您知悉并同意，春雨医生将
        <span className={style.xu101}>
          <b>
            {" "}
            在产品服务期限即将过期时（即春雨会员到期前24小时内），依据支付渠道的扣款规则发出扣款指令，并同意支付渠道可以根据春雨医生发出的扣款指令，在不验证您的账户密码、支付密码、短信校验码等信息的情况下从账户中扣划下一个计费周期的费用
          </b>
        </span>
        ，并延续相应的服务内容、服务条件及服务期限。扣费成功后会员有效期顺延31
        天。
      </p>
      <p className={style.xu11}>
        3. 您知悉并同意，自动续费状态更新可能存在显示延时，具体以春雨医生 APP
        内显示的您的续费状态为准。
      </p>
      <p className={style.xu12}>
        4.
        如因非可归因于春雨医生的原因（如第三方系统故障、账户限额、账户余额不足等）造成续费失败，我们将按照「到期未续费」处理，停止向您提供相应服务。您应自行承担可能产生的不利后果。
      </p>

      <p className={style.xu13}>
        <b>优惠活动及优惠</b>
      </p>
      <p className={style.xu14}>
        我们可能会根据业务需要或市场情况不时的调整产品价格，并在春雨会员介绍页面及会员购买页面向用户公示。除双方在相应产品开通自动续费功能时，已就各期价格进行了明确约定的情况外，如果自动续费时的价格高于您初次购买时的价格，我们会单独获取您的同意。如果自动续费时的价格低于您初次购买时的价格，我们将直接扣除相应款项。
      </p>

      <p className={style.xu15}>
        <b>关闭自动续费</b>
      </p>
      <p className={style.xu16}>
        1.
        在您使用已开通自动续费的产品期间，您可以根据如下路径，随时取消或变更自动续费功能，我们不会对此向您收取不合理费用。如需取消，请在春雨会员有效期到期24小时以前完成操作，取消成功后将不再自动扣款。
      </p>
      <p className={style.xu17}>
        2.
        您可以直接在春雨医生APP中关闭自动续费功能，或者手动在微信/支付宝设置中关闭自动续费功能。关闭路径如下：
        · 春雨医生APP-个人中心-设置-关闭“绿卡会员自动扣款”开关； ·
        微信：在微信的支付功能中关闭。路径为: 微信 APP→我 → 支付 →
        支付管理（点击页面右上角） → 扣费服务→点击「春雨会员」→关闭服务； ·
        支付宝：在支付宝中关闭。路径为：支付宝 APP→我的 → 设置 → 支付设置 →
        免密支付/自动扣款→点击「春雨会员」→关闭服务。
      </p>
      <p className={style.xu18}>
        3. 因设备操作系统升级等原因导致路径调整而您无法正确关闭自动续费的，您可
        以咨询设备厂家或系统服务商，也可以联系我们的客服（客服电话
        400-001-8855，工作时间 9:00-19:00），我们将尽力为您提供解决方案。
      </p>
      <p className={style.xu19}>
        4.关闭本功能视为您撤销给予春雨医生的从第三方支付账户或银行账户自动扣除费用的授权。但此撤销不影响春雨医生在您撤销成功前已完成的扣款。
        <br />
        <br />
        5.无论因何原因，您终止使用相应付费产品服务的，相应已开通的自动续费功能都需要您自行操作关闭。如您未关闭，春雨医生将正常进行自动扣款的操作，一旦扣款成功，春雨医生将为您正常延续相应服务
      </p>

      <p className={style.xu20}>
        <b>协议修改</b>
      </p>
      <p className={style.xu21}>
         1.
        根据互联网的发展和有关法律、法规及规范性文件的变化，或者因春雨医生业务发展需要，春雨医生有权对本协议的条款作出修改或变更，一旦本协议的内容发生变动，春雨医生将根据实际情况选择以包括但不限于系统提示、公告、站内信等方式提示您。
        <br /><br />
        2.
        如果您不同意春雨医生对本协议相关条款所做的修改，您有权关闭自动续费。如果您继续使用，则视为您接受春雨医生对本协议相关条款所做的修改。
      </p>
    </div>
  );
})

export default Index;
